// 1.获取html的元素
const htmlEl = document.documentElement;
 
function setRemUnit() {
  // 2.获取html的宽度(视口的宽度)  clientWidth是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。 
  const htmlWidth = htmlEl.clientWidth;
  // 3.根据宽度计算一个html的font-size的大小
  const htmlFontSize = htmlWidth / 10;
  // 4.将font-size设置到html上
  htmlEl.style.fontSize = htmlFontSize + "px";
}
// 保证第一次进来时, 可以设置一次font-size
setRemUnit();
 
// 当屏幕尺寸发生变化时, 实时来修改html的font-size
window.addEventListener("resize", setRemUnit);
// 监听页面初次加载时候的事件
window.addEventListener("pageshow", setRemUnit);
 
/*
// 防抖
function debounce(fn,delay = 20){
	var timer = null;
	return function(...args){
		if(timer){
			clearTimeout(timer)
		}
		timer = setTimeout(()=>{
			fn.apply(this,args)
		}, delay)
	}
}
window.addEventListener("resize", debounce(setRemUnit,50));
*/